import React,{Suspense} from 'react'
import routes from './Router_config'
import {BrowserRouter,Routes,Route,Navigate} from "react-router-dom"
type Props = {}

const RouterView = (props: Props) => {
    const renderrouter=(arr:any)=>{
    return arr.map((item:any,index:any)=>{
    return <Route key={index} path={item.path} element={
        item.element?<item.element/>:<Navigate to={item.to as string}/>
     
    }>
        {
            item.children&&renderrouter(item.children)
        }
    </Route>
    })
    }
  return (
    <Suspense fallback={<div>路由加载中...</div>}>
    <BrowserRouter>
        <Routes>
            {
                renderrouter(routes)
            }
        </Routes>
    </BrowserRouter>
    </Suspense>
  )
}

export default RouterView